<!DOCTYPE html>
<!-- saved from url=(0055)https://www.tioyotech.com/artmuseum/church.aspx?wid=309 -->
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="./src/weui.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="./src/swiper.min.css">
    <link type="text/css" rel="stylesheet" href="./src/main.css">
    <title>
        平行展线
    </title>
    <style>
        .label1 {
            color: #000000;
            font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
            font-size: 20px;
        }

        .label2 {
            color: #000000;
            font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
            font-weight: bolder;
            font-size: 14px;
        }

        .swiper-container {
            width: 100%;
            height: 100%;
        }

        .swiper-slide {
            width: 100%;
            height: 100%;
        }

        .frame_content {
            width: 100%;
            height: 100%;
        }

        .swiper-slide-thumb-active {
            opacity: 1;
            border: 2px solid #FFFFFF;
        }
    </style>

    <style type="text/css" abt="234"></style>
</head>

<body>
    <form name="form1" method="post" action="https://www.tioyotech.com/artmuseum/church.aspx?wid=309" id="form1">
        <div>
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
                value="/wEPDwUKLTI1NTE2NjgyOWRkBlUt+ZzazdAbTKSbAQUBK0Veu7rWN3jRefkDtmvJ6Fo=">
        </div>

        <div>

            <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="75BE9ACE">
        </div>
        <!-- 加载动画 -->
        <div id="loading-toast" style="display: none;">
            <div class="mask-loading"></div>
            <div class="weui-toast">
                <i class="weui-loading weui-icon_toast"></i>
                <p class="weui-toast__content">数据加载中</p>
            </div>
        </div>
        <div class="swiper-container framepage swiper-container-initialized swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div class="swiper-slide swiper-slide-active" style="width: 424px;">
                    <div id="museum"
                        style="position: absolute; width: 100%; height: 100%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                        <div
                            style="overflow: hidden; width: 424px; height: 888px; position: absolute; top: 0px; perspective: 529.139px;">
                            <div
                                style="transform-style: preserve-3d; pointer-events: none; width: 424px; height: 888px; transform: translateZ(529.139px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 18.3, -270.8, 1) translate(212px, 444px);">
                                <div class="label1"
                                    style="margin-top: -1em; position: absolute; pointer-events: auto; transform: translate(-50%, -50%) matrix3d(8.66025, 1.60772e-07, 5, 0, -7.54979e-07, -10, 1.62921e-06, 0, -5, 1.78842e-06, 8.66025, 0, 2519.8, -1342.48, -4093.49, 1);">
                                    夜巡</div>
                                <div class="label2"
                                    style="margin-top: -1em; position: absolute; pointer-events: auto; transform: translate(-50%, -50%) matrix3d(8.66025, 1.60772e-07, 5, 0, -7.54979e-07, -10, 1.62921e-06, 0, -5, 1.78842e-06, 8.66025, 0, 2519.8, -1542.48, -4093.49, 1);">
                                    伦勃朗</div>
                                <div class="label1"
                                    style="margin-top: -1em; position: absolute; pointer-events: auto; transform: translate(-50%, -50%) matrix3d(8.66025, 1.60772e-07, -5, 0, 1.03345e-06, -10, 1.46843e-06, 0, 5, 1.78842e-06, 8.66025, 0, -2519.69, -1322.48, -4093.56, 1);">
                                    高铁废墟</div>
                                <div class="label2"
                                    style="margin-top: -1em; position: absolute; pointer-events: auto; transform: translate(-50%, -50%) matrix3d(8.66025, 1.60772e-07, -5, 0, 1.03345e-06, -10, 1.46843e-06, 0, 5, 1.78842e-06, 8.66025, 0, -2519.69, -1542.48, -4093.56, 1);">
                                    AurélienMartel</div>
                            </div>
                        </div>
                    </div>
                    <!-- 顶部导航栏-->
                    <div class="top_nav menu_list">
                        <div class="icon icon_mulu" id="menu"></div>
                        <div class="title"></div>
                        <div class="icon icon_hit" id="about"></div>
                        <div class="icon icon_close" style="display: none;" id="menu_close"></div>
                    </div>
                    <div class="bottom">
                        <div class="bottom-content" style="display: none;">
                            <div class="swiper-container bottom_index swiper-container-initialized swiper-container-horizontal"
                                style="height: 0;">
                                <div class="swiper-wrapper bottom_index-wrap">
                                    <div class="swiper-slide swiper-slide-active" data-groupid="0" data-itemid="0">
                                    </div>
                                    <div class="swiper-slide swiper-slide-next" data-groupid="1" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="2" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="2" data-itemid="1"></div>
                                    <div class="swiper-slide" data-groupid="3" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="4" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="5" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="6" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="6" data-itemid="1"></div>
                                    <div class="swiper-slide" data-groupid="7" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="8" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="9" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="10" data-itemid="0"></div>
                                    <div class="swiper-slide" data-groupid="10" data-itemid="1"></div>
                                    <div class="swiper-slide" data-groupid="10" data-itemid="2"></div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>
                            <div class="swiper-container bottom_thumb swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-thumbs"
                                style="transform: translateY(120px);">
                                <div class="swiper-wrapper bottom_thumb-wrap">
                                    <div class="swiper-slide bottom-content-item swiper-slide-visible swiper-slide-active swiper-slide-thumb-active"
                                        id="167" data-groupid="0" data-itemid="0" data-id="0"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042252561569.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item swiper-slide-visible swiper-slide-next"
                                        id="166" data-groupid="1" data-itemid="0" data-id="1"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042252238386.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item swiper-slide-visible" id="168"
                                        data-groupid="2" data-itemid="0" data-id="2"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042253183620.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item swiper-slide-visible" id="174"
                                        data-groupid="2" data-itemid="1" data-id="3"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042257431081.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="170" data-groupid="3"
                                        data-itemid="0" data-id="4"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/09/thumb_202004091542456248.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="173" data-groupid="4"
                                        data-itemid="0" data-id="5"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042257152274.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="175" data-groupid="5"
                                        data-itemid="0" data-id="6"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042258388576.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="164" data-groupid="6"
                                        data-itemid="0" data-id="7"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042249287841.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="176" data-groupid="6"
                                        data-itemid="1" data-id="8"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042259078092.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="177" data-groupid="7"
                                        data-itemid="0" data-id="9"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/07/thumb_202004071416103503.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="163" data-groupid="8"
                                        data-itemid="0" data-id="10"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042248320457.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="169" data-groupid="9"
                                        data-itemid="0" data-id="11"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/09/thumb_202004091545013229.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="165" data-groupid="10"
                                        data-itemid="0" data-id="12"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/04/thumb_202004042254564275.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="171" data-groupid="10"
                                        data-itemid="1" data-id="13"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/09/thumb_202004091544271462.jpg&quot;); margin-right: 10px;">
                                    </div>
                                    <div class="swiper-slide bottom-content-item" id="172" data-groupid="10"
                                        data-itemid="2" data-id="14"
                                        style="background-image: url(&quot;https://www.tioyotech.com/upload/202004/09/thumb_202004091546183025.jpg&quot;); margin-right: 10px;">
                                    </div>
                                </div>
                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                            </div>
                        </div>
                        <div class="bottom_icon bottom_icon_show" style="display:none;"></div>

                        <div class="bottom_nav">
                            <div class="bottom_left">
                                <div class="bottom_icon bottom_icon_prev bottom_icon_fade" tabindex="0" role="button"
                                    aria-label="Previous slide" aria-disabled="true"></div>
                                <div class="bottom_icon bottom_icon_album"></div>
                                <div class="bottom_icon bottom_icon_device" style="display: none;"></div>
                            </div>
                            <div class="bottom_mid" style="display: none;">
                                <div class="bottom_icon bottom_icon_left"></div>
                                <div class="bottom_icon bottom_icon_right"></div>
                                <div class="bottom_icon bottom_icon_up"></div>
                                <div class="bottom_icon bottom_icon_down"></div>
                            </div>
                            <div class="bottom_right">
                                <div class="bottom_icon bottom_icon_hiden"></div>
                                <div class="bottom_icon bottom_icon_next" tabindex="0" role="button"
                                    aria-label="Next slide" aria-disabled="false"></div>
                            </div>
                        </div>
                        <div class="bottom_tips" style="border:0;">
                            <div style="display:flex; justify-content:flex-start; width:80px;">
                                <div class="bottom_tips_item">作品</div>
                                <div class="bottom_tips_item" id="device_tips" style="display: none;">陀螺仪</div>
                            </div>

                            <div class="bottom_tips_item">收起</div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide swiper-no-swiping swiper-slide-next" id="workinfo" style="width: 424px;">
                    <iframe id="workdetail" class="frame_content" src="./src/saved_resource.html" frameborder="no"
                        border="0"></iframe>
                </div>
                <div class="swiper-slide swiper-no-swiping" id="author" style="width: 424px;">
                    <iframe id="authordetail" class="frame_content" src="./src/saved_resource(1).html" frameborder="no"
                        border="0"></iframe>

                </div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
        </div>
        <!-- 底部导航栏-->
        <div style="position:absolute; top:15px; width:100%; max-width:720px;">
            <div class="icon_back" style="display: none;"></div>
        </div>
        <div class="weui-tabbar" style="display: none;">
            <div class="weui-tabbar__item " id="defaut">
                <div class="weui-tabbar__icon tabbar_home"></div>
                <p class="weui-tabbar__label">首页</p>
            </div>
            <div class="weui-tabbar__item " id="btvr">
                <div class="weui-tabbar__icon tabbar_vr"></div>
                <p class="weui-tabbar__label">全景观展</p>
            </div>
            <div class="weui-tabbar__item" id="btwork">
                <div class="weui-tabbar__icon tabbar_work"></div>
                <p class="weui-tabbar__label">作品详情</p>
            </div>
            <div class="weui-tabbar__item" id="btauthor">
                <div class="weui-tabbar__icon tabbar_author"></div>
                <p class="weui-tabbar__label">作者介绍</p>
            </div>
        </div>
        <!-- 关于我们 -->
        <div id="infomation" class="loading-toast" style="display: none;">
            <div class="mask"></div>
            <div class="toast-content">
                <div class="about">
                    <img src="./src/about.png" alt="" style="width:100%; height:auto;">
                    <div>平行展线 建展热线：</div>
                    <a href="tel:020-81619186">
                        <div style="line-height:3rem; font-size:1.5rem;">020-8161 9186</div>
                    </a>
                    <a href="tel:18688861161">
                        <div style="line-height:3rem; font-size:1.5rem;">186 8886 1161</div>
                    </a>
                    <a href="https://mirror-exhibition.com/"
                        style="line-height:3rem; font-size:1.5rem;border-bottom:1px solid blue;">mirror-exhibition.com</a>
                </div>
                <div class="icon icon_close" id="info_close"></div>
            </div>
        </div>
        <!-- 左侧栏 -->
        <div id="more" class="loading-toast">
            <div class="mask" style="display: none;" id="leftmenu_mask"></div>
            <div class="left_menu" style="transform: translateX(-250px);">
                <div class="title">
                    <div style="position: absolute; margin: 1rem 0 0 1rem;" class="icon icon_menu" id="left_hide"></div>
                    2020高校毕业展
                </div>
                <div class="content content_on" data-id="0">
                    <div class="select_icon"></div>
                    <div class="item_name">油画系</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="1">
                    <div class="select_icon"></div>
                    <div class="item_name">雕塑专业</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="2">
                    <div class="select_icon"></div>
                    <div class="item_name">实验艺术系</div>
                    <div class="item_count">2</div>
                </div>
                <div class="content " data-id="4">
                    <div class="select_icon"></div>
                    <div class="item_name">摄影与数字艺术专业</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="5">
                    <div class="select_icon"></div>
                    <div class="item_name">环境设计</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="6">
                    <div class="select_icon"></div>
                    <div class="item_name">建筑学</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="7">
                    <div class="select_icon"></div>
                    <div class="item_name">产品设计</div>
                    <div class="item_count">2</div>
                </div>
                <div class="content " data-id="9">
                    <div class="select_icon"></div>
                    <div class="item_name">染织艺术设计</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="10">
                    <div class="select_icon"></div>
                    <div class="item_name">服装与服饰设计</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="11">
                    <div class="select_icon"></div>
                    <div class="item_name">视觉传达设计</div>
                    <div class="item_count">1</div>
                </div>
                <div class="content " data-id="12">
                    <div class="select_icon"></div>
                    <div class="item_name">数字媒体艺术设计</div>
                    <div class="item_count">3</div>
                </div>
            </div>
        </div>

        <script type="text/javascript" src="./src/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="./src/swiper.min.js"></script>
        <script type="text/javascript" src="./src/jweixin-1.4.0.js"></script>
        <script>
            function hidMenu()
            {
                $(".weui-tabbar").fadeOut(100);
                $(".icon_back").fadeOut(100);
            }
            function showMenu()
            {
                $(".weui-tabbar").fadeIn(100);
                $(".icon_back").fadeIn(100);
            }
            wx.config({
                debug: false, appId: '', timestamp: undefined, nonceStr: '', signature: '',
                jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage']
            });
            wx.ready(function ()
            {
                wx.updateAppMessageShareData({
                    title: '', // 分享标题
                    desc: '', // 分享描述
                    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: '', // 分享图标
                }, function (res)
                {

                });
                wx.updateTimelineShareData({
                    title: '', // 分享标题
                    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: '', // 分享图标
                }, function (res)
                {

                });
                wx.onMenuShareTimeline({
                    title: '',
                    link: '',
                    imgUrl: '',
                    success: function () { }, cancel: function () { }
                });
                wx.onMenuShareAppMessage({
                    title: '',
                    desc: '',
                    link: '',
                    imgUrl: '', success: function () { }, cancel: function () { }
                });
            });
        </script>
        <script type="text/javascript" src="./src/three.min.js"></script>
        <script type="text/javascript" src="./src/anime.min.js"></script>
        <script type="text/javascript" src="./src/tween.umd.js"></script>
        <script type="text/javascript" src="./src/inflate.min.js"></script>
        <script type="text/javascript" src="./src/hammer.min.js"></script>
        <script type="text/javascript" src="./src/opentype.min.js"></script>


        <script type="text/javascript" src="./src/ObritControl.js"></script>
        <script type="text/javascript" src="./src/DeviceOrientationControl.js"></script>
        <script type="text/javascript" src="./src/FBXLoader.js"></script>
        <script type="text/javascript" src="./src/CSS3DRenderer.js"></script>
        <script type="text/javascript" src="./src/Projector.js"></script>
        <script type="text/javascript" src="./src/Water.js"></script>
        <script type="text/javascript" src="./src/Reflector.js"></script>

        <script type="text/javascript" src="./src/church.js"></script>

    </form>


</body>

</html>